﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="ThanhNienSite.Default" MaintainScrollPositionOnPostback="true"
    ValidateRequest="false" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style="font-weight: bolder; font-size: x-large; color: #23566d; line-height: 50px;">
        Trắc nghiệm lựa chọn ngành nghề phù hợp
    </div>
    <div style="font-weight: bold; text-align: right; line-height: 30px">
        PGS. TS. NGUYỄN THUẤN – TS. TRẦN ĐÌNH LÝ
    </div>
    <p style="text-align: justify">
        Nhằm giúp thí sinh tự khám phá bản thân trước khi ghi nguyện vọng dự thi vào trường
        ĐH, CĐ, Báo Thanh Niên phối hợp với PGS.TS Nguyễn Thuấn -Phó Hiệu trưởng Trường
        ĐH Mở TP.HCM và TS Trần Đình Lý -Trưởng Phòng Đào tạo Trường ĐH Nông Lâm TP.HCM
        giới thiệu bộ công cụ trắc nghiệm tự khám phá sở thích nghề nghiệp trong việc lựa
        chọn ngành nghề.
    </p>
    <p style="text-align: justify">
        Theo J.L.Holland, có 6 nhóm “sở thích nghề nghiệp” tương ứng với các loại ngành
        nghề khác nhau trong xã hội nhưng có quan hệ với nhau, với những mức độ khác nhau.
        Đó là: 1. Thực tế (Realistic), 2. Nghiên cứu (Investigative), 3. Nghệ thuật (Artistic),
        4. Xã hội (Social), 5. Kinh doanh (Enterprise), 6. Qui củ (Conventional). Như vậy,
        có các nhóm tính cách có mối quan hệ gần gũi với nhau và có các nhóm tính cách đối
        lập nhau.
    </p>
    <fieldset>
        <legend>Thông tin thí sinh</legend>
        <table>
            <tr>
                <td>
                    <asp:Label ID="Label1" runat="server" Text="Họ tên thí sinh:" />
                </td>
                <td>
                    <asp:TextBox ID="txtFullname" runat="server" />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
                        ToolTip="Vui lòng nhập họ tên" ControlToValidate="txtFullname"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label2" runat="server" Text="Email:" />
                </td>
                <td>
                    <asp:TextBox ID="txtEmail" runat="server" />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
                        ToolTip="Vui lòng nhập email" ControlToValidate="txtEmail"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="regexEmailValid" runat="server" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                        ControlToValidate="txtEmail" ErrorMessage="*" ToolTip="VD: bangiaoduc@gmail.com"></asp:RegularExpressionValidator>
                </td>
            </tr>
        </table>
        <asp:Button ID="btnSubmit" runat="server" Text="Bắt đầu" />
    </fieldset>
    <asp:Repeater ID="rptSubjects" runat="server" OnItemDataBound="rptSubjects_ItemDataBound">
        <HeaderTemplate>
        </HeaderTemplate>
        <ItemTemplate>
            <div style="margin-top: 20px" class="item-<%#Container.ItemIndex %>">
                <asp:GridView ID="dtgQuestions" runat="server" AutoGenerateColumns="false" OnRowCreated="dtg_RowCreated"
                    ShowFooter="true" ShowHeader="true">
                    <Columns>
                        <asp:BoundField DataField="Description" ItemStyle-Width="70%" ItemStyle-HorizontalAlign="Left" />
                        <asp:TemplateField HeaderText="1" ItemStyle-Width="38">
                            <ItemTemplate>
                                <asp:RadioButton ID="chkFirstCheck" runat="server" Checked='<%# Bind("FirstCheck") %>'
                                    GroupName="group" AutoPostBack="false" ref='<%#"c_"+Container.DataItemIndex +"_1"%>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="2" ItemStyle-Width="38">
                            <ItemTemplate>
                                <asp:RadioButton ID="chkSecondCheck" runat="server" ref='<%#"c_"+Container.DataItemIndex +"_2"%>'
                                    Checked='<%# Bind("SecondCheck") %>' GroupName="group" AutoPostBack="false" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="3" ItemStyle-Width="38">
                            <ItemTemplate>
                                <asp:RadioButton ID="chkThirdCheck" runat="server" ref='<%#"c_"+Container.DataItemIndex+"_3" %>'
                                    Checked='<%# Bind("ThirdCheck") %>' GroupName="group" AutoPostBack="false" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="4" ItemStyle-Width="38">
                            <ItemTemplate>
                                <asp:RadioButton ID="chkFourthCheck" runat="server" ref='<%#"c_"+Container.DataItemIndex+"_4" %>'
                                    Checked='<%# Bind("FourthCheck") %>' GroupName="group" AutoPostBack="false" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="5" ItemStyle-Width="38">
                            <ItemTemplate>
                                <asp:RadioButton ID="chkFifthCheck" runat="server" ref='<%#"c_"+Container.DataItemIndex+"_5" %>'
                                    Checked='<%# Bind("FifthCheck") %>' GroupName="group" AutoPostBack="false" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <%-- <asp:BoundField DataField="Total" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="40"
                            ControlStyle-CssClass="result" />--%>
                        <asp:TemplateField ItemStyle-Width="40">
                            <ItemTemplate>
                                <span class="<%#"r_"+Container.DataItemIndex %>" ref="result">
                                    <%#Eval("Total")%></span>
                            </ItemTemplate>
                            <%-- <FooterTemplate>
                                <asp:Label ID="lblresult" runat="server"></asp:Label>
                            </FooterTemplate>--%>
                        </asp:TemplateField>
                    </Columns>
                    <HeaderStyle BackColor="LightGray" HorizontalAlign="Center" />
                    <RowStyle Font-Names="Arial" HorizontalAlign="Center" Height="36" />
                    <FooterStyle BackColor="LightGray" HorizontalAlign="Center" CssClass="result" />
                </asp:GridView>
            </div>
            <div style="text-align: justify">
                <asp:Label ID="litFooter" runat="server" />
            </div>
        </ItemTemplate>
        <FooterTemplate>
            <div style="height: 30px">
                &nbsp;</div>
        </FooterTemplate>
    </asp:Repeater>
    <fieldset id="grpResult" runat="server">
        <legend>Kết quả</legend>
        <asp:Button ID="btnResult" runat="server" Text="Xem kết quả" OnClick="btnResult_Click" />
        <div style="text-align: justify; font-weight: bold; line-height: 40px">
            * Kết quả (căn cứ theo số điểm mà bạn đã chọn):
        </div>
        <div style="text-align: justify; line-height: 40px">
            <asp:Label ID="litResult" runat="server" Font-Size="Large" ForeColor="#23566d"
                Text="Chưa có kết quả." />
        </div>
    </fieldset>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.item-0 span').click(function () {
                //if ($('.item-0 span input').is(':checked')) { alert("it's checked"); }
                var ref = $(this).attr("ref").split("_");
                $('.item-0 span.r_' + ref[1]).text(ref[2]);
                var sum = 0;
                $('.item-0 span[ref=result]').each(function () {
                    sum += Number($(this).text());
                });
                var lsitem = $('.item-0 tr.result td');
                $(lsitem[1]).text(sum);
            });
            $('.item-1 span').click(function () {
                //if ($('.item-0 span input').is(':checked')) { alert("it's checked"); }
                var ref = $(this).attr("ref").split("_");
                $('.item-1 span.r_' + ref[1]).text(ref[2]);
                var sum = 0;
                $('.item-1 span[ref=result]').each(function () {
                    sum += Number($(this).text());
                });
                var lsitem = $('.item-1 tr.result td');
                $(lsitem[1]).text(sum);
            });
            $('.item-2 span').click(function () {
                //if ($('.item-0 span input').is(':checked')) { alert("it's checked"); }
                var ref = $(this).attr("ref").split("_");
                $('.item-2 span.r_' + ref[1]).text(ref[2]);
                var sum = 0;
                $('.item-2 span[ref=result]').each(function () {
                    sum += Number($(this).text());
                });
                var lsitem = $('.item-2 tr.result td');
                $(lsitem[1]).text(sum);
            });
            $('.item-3 span').click(function () {
                //if ($('.item-0 span input').is(':checked')) { alert("it's checked"); }
                var ref = $(this).attr("ref").split("_");
                $('.item-3 span.r_' + ref[1]).text(ref[2]);
                var sum = 0;
                $('.item-3 span[ref=result]').each(function () {
                    sum += Number($(this).text());
                });
                var lsitem = $('.item-3 tr.result td');
                $(lsitem[1]).text(sum);
            });
            $('.item-4 span').click(function () {
                //if ($('.item-0 span input').is(':checked')) { alert("it's checked"); }
                var ref = $(this).attr("ref").split("_");
                $('.item-4 span.r_' + ref[1]).text(ref[2]);
                var sum = 0;
                $('.item-4 span[ref=result]').each(function () {
                    sum += Number($(this).text());
                });
                var lsitem = $('.item-4 tr.result td');
                $(lsitem[1]).text(sum);
            });
            $('.item-5 span').click(function () {
                //if ($('.item-0 span input').is(':checked')) { alert("it's checked"); }
                var ref = $(this).attr("ref").split("_");
                $('.item-5 span.r_' + ref[1]).text(ref[2]);
                var sum = 0;
                $('.item-5 span[ref=result]').each(function () {
                    sum += Number($(this).text());
                });
                var lsitem = $('.item-5 tr.result td');
                $(lsitem[1]).text(sum);
            });
        });
    </script>
</asp:Content>
